<script setup lang="ts">
import gfm from "@bytemd/plugin-gfm";
import highlight from "@bytemd/plugin-highlight";
import  { Editor } from "@bytemd/vue-next"
import { Viewer } from '@bytemd/vue-next'


const plugins = [
  gfm(),
  highlight()
]
interface Props {
  value: string
}
const props = withDefaults(defineProps<Props>(), {
  value: () => '',
})
</script>

<template>
  <Viewer :value="value"  aria-readonly="true" :plugins="plugins"></Viewer>
</template>

<style scoped lang="less">

</style>
